<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        action 定义数据的提交地址

        method 定义数据的提交方式
                GET
                    1 叁数以键值对形式放在url后提交 url?key=value&key=value
                    2 数据直接暴露不安全
                    3 地址栏长度有限制，所有提交的数据量不大
                    4 地址栏只能提交字符不能提交文件
                POST
                    1 参数默认不会放到url后面
                    2 数据不会直接暴露在地址栏上面
                    3 数据单独打包通过请求发送，提交的数据量大
                    4 请求体中，可以是字符，也可以是数据，可以提交文件 


        表单项标签
        表单项标签一定要定义name属性，该属性用于明确提交时的参数名
        表单项定义value属性，该属性明确提交时参数值
        input
            type输入信息的表单项类型
                text    普通文本框
                password    密码框
                submit      提交按钮
                reset       重置按钮
                radio       单选框使用相同的name属性值，则就会有互斥效果
                (checked)(默认勾选)
                checkbox    复选框 多个选项
                hidden      隐藏域 不显示在页面上，提交时会携带
                file        文件上传
        textArea    文本域多行文本框


        select   下拉框
            option

    -->
    <form action="08welcome.html" method="post">
        <!-- 表单项目标签 用户信息的标签 -->
         <!-- 希望用户不用操作失误 -->
         <input type="hidden" name="id" value="123">text
         <input type="text" name="pid" value="456" readonly><br><!-- 只读 -->
         <input type="text" name="tid" value="789" disabled><br><!-- 根本就不提交 -->
         用户名：<input type="text"/ name="username">   <br>
         密码：<input type="password"/ name="userpwd">     </br>
         性别:  
                <input type="radio" name="gender" value="1" checked> 男
                <input type="radio" name="gender" value="0"> 女
                 <br>
        爱好:
            <input type="checkbox" name="hobby" value="1" checked>篮球
            <input type="checkbox" name="hobby" value="2">足球
            <input type="checkbox" name="hobby" value="3">羽毛球
             <input type="checkbox" name="hobby" value="4">乒乓球
            <br>
        个人简介:
                 <textarea name="intro" style="width: 300px;height: 200px;" >123</textarea>
                 <br>
        籍贯:
            <select name="pro">
                    <option value="1">京</option>
                    <option value="2">津</option>
                    <option value="3">川</option>
                    <option value="0" selected>请选择</option>
            </select>
            <br>
        头像：
            <input type="file">
            <br>
         <input type="submit" value= "登录"/>
         <input type="reset" value="清空"/>
    </form>
</body>
</html>